.ABP-Unit{
  position:relative;
  color:#fff;
  background:#000;
  font-size:16px;
  outline:none;
}
.ABP-Unit.ABP-FullScreen{
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:auto !important;
  height:auto !important;
  position:fixed;
  z-index:9999;
}
.ABP-Unit .ABP-Video{
  position:absolute;
  overflow:hidden;
  top:0;left:0;right:0;bottom:72px;
  background:#000;
}
.ABP-Unit .ABP-Video video{
  width:100%;
  height:100%;
}

.ABP-Unit .ABP-Video .ABP-Container{
  -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
          transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
  position: absolute;
  display: block;
  overflow: hidden;
  margin: 0;
  border: 0;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.ABP-Unit .ABP-Video .ABP-Container .cmt{
  -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
          transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
  position: absolute;
  padding: 3px 0 0 0;
  margin: 0;
  color: #fff;
  font-family: SimHei, SimSun, Heiti, "MS Mincho", "Meiryo", "Microsoft YaHei", monospace;
  font-size: 25px;
  text-decoration: none;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  -webkit-text-size-adjust: none;
      -ms-text-size-adjust: none;
          text-size-adjust: none;
  line-height: 100%;
  letter-spacing: 0;
  word-break: keep-all;
  white-space: pre;
}
.ABP-Unit .ABP-Video .ABP-Container .cmt.noshadow{
  text-shadow: none;
}
.ABP-Unit .ABP-Video .ABP-Container .cmt.rshadow{
  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}

.ABP-Unit .ABP-Text{
  position:absolute;
  bottom:40px;left:0;right:0;
  height:30px;
  padding:0;
  border-top:1px solid #eee;
  background:#000;
  opacity:0.9;
}
.ABP-Unit .ABP-Text .colorsel{
  position:absolute;
  top:0;left:0;right:0;bottom:0;
}
.ABP-Unit .ABP-Text input[type=text]{
  background:transparent;
  border:none;
  padding:0;margin:0;
  position:absolute;
  display:block;
  top:0;left:60px;right:0;bottom:0;
  vertical-align: middle;
  color:#33b5e5;
  outline:none;
  font-family: monospace;
  height:30px;
  min-width:90%;
  padding-left:10px;padding-right:10px;
  font-size:18px;
}
.ABP-Unit .ABP-Text .ABP-label{
  padding-top: 5px;
  font-size: 14px;
}
.ABP-Unit .ABP-Control{
  position:absolute;
  bottom:0;left:0;right:0;
  background:#000;
  opacity:0.9;
  border-top:1px solid #eee;
  height:40px;
  -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
      user-select: none;
}
.ABP-Unit .ABP-Control:hover{
  opacity:1;
}

.ABP-Unit .ABP-Control .button{
  position:absolute;
  overflow:hidden;
  background-color:#000;
  width:40px;
  top:0;bottom:0;
  -webkit-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}

.ABP-Unit .ABP-Control .button:hover{
  background-color:#6cf;
}

.ABP-Unit .ABP-Control .ABP-Play{
  background-image:url(play.png);
  background-size:cover;
  left:0;
}

.ABP-Unit .ABP-Control .ABP-Play.ABP-Pause{
  background-image:url(pause.png);
}

.ABP-Unit .ABP-Control .ABP-FullScreen{
  background-image:url(fullscreen.png);
  background-size:cover;
  right:0;
}


.ABP-Unit .ABP-Control .ABP-CommentShow{
  background-image:url(danmaku.png);
  background-size:cover;
  top:0;right:40px;bottom:0;
}

.ABP-Unit .ABP-Control .ABP-CommentShow.ABP-Close{
  background-image:url(danmaku1.png);
}
.ABP-Unit .ABP-Control .progress-bar {
  position:absolute;
  overflow:hidden;
  cursor:pointer;
  top:0;right:290px;bottom:0;left:130px;
  background:#000;
}
.ABP-Unit .ABP-Control .ABP-Time{
  left:40px;
  width:90px;
  position: absolute;
  overflow: hidden;
  height:100%;
  font-size:15px;
  padding:9px;
}
.ABP-Unit .ABP-Control .progress-bar .bar{
  position:absolute;
  left:0;top:0;bottom:0;
  background:#4399ee;
  opacity:0.4;
}
.ABP-Unit .ABP-Control .ABP-Sound{
  position: absolute;
  margin: 0px;
  padding: 0px;
  right:80px;
  width:170px;
  height:40px;
}
 .ABP-Unit .ABP-Control .ABP-Sound .progress{
   position:absolute;
  overflow:hidden;
  cursor:pointer;
  right:0px;
  width:130px;
  height:40px;
  margin: 0px;
} 
.ABP-Unit .ABP-Control .ABP-Sound .progress .progress-bar{
   position:absolute;
  overflow:hidden;
  cursor:pointer;
  left:0px;
  height:39px;
  margin: 0px;
  background-color:#87CEEB;
} 
.ABP-Unit .ABP-Control .ABP-Sound .glyphicon{

  left: 0px;
  height:39px;
  margin: 0px;
  font-size:35px;
  float: left;
} 
.ABP-Unit .ABP-Control .progress-bar .bar.dark{
  background:#0099cc;
  opacity:1;
}

.ABP-Unit .ABP-Popup{
  position:absolute;
  background:#000;
  border:1px solid #33b5e5;
  left:10px;
  padding:5px;
  bottom:82px;
  opacity:0.8;
}
/** Aliases for Chinese named fonts because they don't work on *nix **/
@font-face{
  font-family: "\9ED1\4F53";
  src:local('SimHei');
}

@font-face{
  font-family: "\5B8B\4F53";
  src:local('SimSun');
}

@font-face{
  font-family: "\534E\6587\6977\4F53";
  src:local('SimKai');
}

@font-face{
  font-family: "\5E7C\5706";
  src:local('YouYuan');
}

@font-face{
  font-family: "\5FAE\8F6F\96C5\9ED1";
  src:local('Microsoft YaHei');
}
